<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" 
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>昂立教育AI洞察  | 登录</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="referrer" content="no-referrer" />
  <!-- Bootstrap 3.3.7 -->
  <link rel="stylesheet" href="/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="/css/font-awesome.min.css">

  <!-- Theme style -->
	<link rel="stylesheet" href="/css/animate.css">
	<link rel="stylesheet" href="/css/style.css">

    <style>
        .middle {

            float: none;

            display: inline-block;

            vertical-align: middle;

        }

        .panel-heading {
            padding: 5px 1px;
        }
        .panel-body {
            padding-top: 5px;
        }

        .logo {
            height: 200px;
            margin: 0;
            background-image: url("/css/patterns/tb_new_logo.jpg");
            background-repeat: no-repeat;
            background-position: left;

        }
        .adv {
            width: 920px;
            height: 260px;
            margin: 0 auto;
            background-image: url("/css/patterns/image_login_head.jpg");
            background-repeat: no-repeat;
            background-position: center;
        }
        .loginColumns {
            max-width: 960px;
        }

        .area-login {
            padding-right: 5px;
        }
        .loginscreen {
            float: right;
            width: 300px;
            padding-right: 60px;
        }

        .area-msg {
            padding-left: 10px;
        }
        .message {
            float: left;
            padding-left: 60px;
            border: 0px;
        }
        .panel-default .panel-heading{
            background-color: #ffffff;
        }

    </style>

</head>
<body class="black-bg">

<div class="loginColumns m-auto animated fadeInDown" >
    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="logo" >
            </div>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="adv">
                    <div class="small m-t-xs">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 area-msg">
                    <div class="message">
                        <h2>昂立教育AI洞察</h2>
                    </div>
                </div>
                <div class="col-md-6 area-login">
                    <div class="text-center loginscreen animated fadeInDown" >
                        <div>
                            <!-- <h2>综合业务管理平台</h2>-->
                            <form class="m-t" role="form"  action="${ctxPath}/login.do"  method="post">
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="用户名" name="code" required="">
                                </div>
                                <div class="form-group">
                                    <input type="password" class="form-control" placeholder="密码"  name="password" required="">
                                </div>
                                <button type="submit" class="btn btn-success block full-width m-b">登录</button>

                            </form>

                        </div>
                    </div>
                </div>
            </div>
          <!--  <p class="m-t"> <small>Copyright<strong> cn.sh.edu.shjyzb </strong> &copy; 2019</small> </p> --> 
        </div>

    </div>



</div>

<!-- jQuery 3 -->
<script src="/js/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="/js/popper.min.js"></script>
<script src="/js/bootstrap.js"></script>

</body>
</html>
